export type ThemeKey = 'primary' | 'purple' | 'custom'
export type ThemeVars = {
  // color
  '--cjui-color-primary'?: string;  // 系统主题色

  // page-color
  '--cjui-bg-color'?: string;  // 系统背景底色
  '--cjui-bg-color-content'?: string;  // 上层内容背景色
  '--cjui-bg-color-content-hover'?: string;  // 上层内容背景色-hover
  '--cjui-bg-color-content-dark'?: string;  // 上层内容背景色-加深
  '--cjui-bg-color-content-shadow'?: string;  // 上层内容背景阴影
  '--cjui-bg-color-content-shadow-light'?: string;  // 上层内容背景阴影

  // layout
  '--cjui-admin-menu-color'?: string;  // 后台管理系统菜单文字色
  '--cjui-admin-menu-bg-color'?: string;  // 后台管理系统菜单背景色
  '--cjui-admin-menu-bg-color-hover'?: string;  // 后台管理系统菜单背景色-hover

  // table
  '--cjui-comps-table-header-bg-color'?: string;  // 表格头部样式
}
export type ThemeOpt = { 
  name: string;  // 主题别名
  value: ThemeKey;  // 主题标识
  variables: ThemeVars;  // 主题css变量
  variablesDark: ThemeVars; // 主题css变量 - 暗色模式
}
